wdm2201f11 - Overlays

Dialog Overlay-
Replaces the old style browser dialog box. Overlays a box with options on the users screen.

Used to capture the users attention.

Detail Overlay
This kind of overlay provide the user with additional information w/o having to leave the page.

used to give"sneak peek" at detaild information
provide delays for hover overlays to avoid the Mousetrap.
best to provide simple mouse-out or mouse-click for deactivation.

Input Overlay
To simplify the visual style of the form and also used for additional help in the overlay
should allow clicking anywhere to activate

Make sure to only visual change between the field and the overlay fields is intentional

Dialog Overlay Process
Executes a websites process in an overlay dialog box.

Important to indicate what step in the process the user is in with a clear status